html{width: 100%;height: 100%}
body{height: 100%;width: 100%;}
*,ul,p{margin: 0;padding: 0;box-sizing: border-box}
a,a:hover,a:active,a:visited{text-decoration: none;color: inherit}
.main-box{position: relative;width: 100%;height: 100%;}

/** 中间内容容器 **/
.centerbox{position: relative;width: 100%;height: 100%;z-index: 10}
.scrollbox::-webkit-scrollbar {width : 5px;height: 1px;}
.scrollbox::-webkit-scrollbar-thumb {border-radius: 5px;box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.9);}
.scrollbox::-webkit-scrollbar-track {box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.1);border-radius: 5px;}

/** 背景图片**/
.bgbox{position: fixed;width: 100%;height: 100%;background: url("../images/bg.png") no-repeat center;background-size: cover;top: 0;left: 0;z-index: -100}
.bgbox1{position: fixed;width: 100%;height: 100%;background: url("../images/bg1.png") no-repeat center;background-size: cover;top: 0;left: 0;z-index: -100}
.bgboxbg{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: -90;background-color: #000;opacity: 0.1}


.wallindex .topbox{position: relative;height: 4.8rem;width: 100%;padding: .5rem .4rem .2rem .4rem}
.wallindex .topbg{background-repeat: no-repeat;background-position: center;background-size: contain;height: 1.8rem;width: 100%;position: relative;}
.toptitle{padding-top: .2rem;color: #E3F3A1;font-size: .62rem;text-align: center;font-weight: 600;}
.wallindex .oplistbox{padding-top: 1.5rem}
.wallindex .cat_cell{padding: .1rem .2rem}
.wallindex .cat_box{position: relative;}
.cat_box a{display: block;position: relative;overflow: hidden;width: 100%;height: 100%;}
.wallindex .cat_info{position: relative;width: 100%;height: 100%;}
.wallindex .cat_imgbox{position: relative;width: 100%;padding-bottom: 120%;height: 0;box-sizing: content-box}
.wallindex .cat_img{position:absolute;top:0;left:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: contain}

.wallindex .cat_title{color: #FFF;font-size: .3rem;height: .46rem;line-height: .46rem;overflow: hidden;text-align: center;margin-top: .2rem}
.wallindex .cat_drawprize{background-image: url("../images/myprize.png")}
.wallindex .cat_drawprocess{background-image: url("../images/process.png")}
.wallindex .cat_drawsign{background-image: url("../images/sign.png")}

/**
日程页面
 */
.wallbox{position: relative;width: 100%;height: 100%;}
.wall_top{width: 100%;position: relative;height: 1.1rem;padding:.2rem 1.25rem;}
.wall_left{position: absolute;width: 1.25rem;height: 1.1rem;left: 0;top: 0;overflow: hidden}
.wall_left a{display: block;width: .6rem;height: .6rem;border-radius: 50%;overflow: hidden;border: 1px solid #FFF;background: rgba(0,0,0,.5);margin: .25rem auto}
.top_home{position: relative;width: 100%;height: 100%;background: url("../images/home.png") no-repeat center;background-size: .3rem .3rem}
.wall_topinfo{text-align: center;overflow: hidden;position: relative;height: .7rem;}
.wall_top_title{position: relative;width: 100%;height: 100%;color: #000;font-size: .36rem;line-height: .7rem;}
.wall_top_bgleft{position: absolute;width: 30%;left: 0;height: 100%;top: 0;background: linear-gradient(to left,rgba(255,255,255,.6),rgba(230,14,48,1));z-index: -10}
.wall_top_bgright{position: absolute;width: 30%;right: 0;height: 100%;top: 0;background: linear-gradient(to right,rgba(255,255,255,.6),rgba(230,14,48,1));z-index: -10}
.wall_top_bgcenter{width: 40%;top: 0;left: 30%;height: 100%;background: rgba(255,255,255,.6);position: absolute;z-index: -10}

.wall_section{position: relative;width: 100%;overflow: hidden;padding: .15rem .4rem}
.wall_sectionbox{position: relative;width: 100%;overflow: hidden;background: rgba(255,255,255,.6);padding: .3rem;border-radius: .04rem}
.wall_section_title{color: #000;font-size: .32rem;text-align: center;height: .4rem;line-height: .4rem;overflow: hidden;width: 100%}
.wall_section_textarea{white-space: pre-wrap;word-wrap: break-word;}
.wall_section_contents{font-size: .3rem;color: #000;line-height: .46rem;}
.wall_process_cattitle{font-weight: 600;color: #000;line-height: .4rem;font-size: .32rem;padding: .3rem 0 .06rem 0}
.wal_process_item{position: relative;padding:.2rem 0 .2rem 2rem;overflow: hidden;width: 100%;min-height: 1rem}
.wall_process_hour{border-bottom: .06rem solid #E60E2F;position: absolute;left: 0;top: .2rem;display: inline-block;line-height: .5rem;color: #000;width: 1.8rem;text-align: center}
.wall_process_item_title{color: #000;font-weight: 600;font-size: .3rem;line-height: .5rem}
.wall_process_desc{font-size: .28rem;color: #333;line-height: .36rem}

.wall_sectionbox.wall_myprize_list{padding: 0 .3rem}
.wall_myprize_cell{position: relative;padding: .3rem 0 .3rem 1.4rem;width: 100%;min-height: 1.8rem;border-bottom: .02rem solid #FFF}
.wall_myprize_list .wall_myprize_cell:last-child{border: none}
.wall_myprize_img{width: 1.2rem;height: 1.2rem;background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;left: 0;top: .3rem}
.wall_myprize_title{font-size: .32rem;color: #000;line-height: .4rem;font-weight: 600}
.wall_myprize_title span{float: right}
.wall_myprize_desc{font-size: .28rem;color: #333;line-height: .4rem}
.wall_myprize_code{font-size: .28rem;color: #555;line-height: .4rem}
.wall_noprice{text-align: center;padding: .2rem}

/**
签到
 */
.b5form_cell{padding:.15rem .2rem;position: relative;display: flex}
.b5form_cell_box{position: relative;width: 100%;}
.b5form_cell_title{width: 1.2rem;height: .8rem;overflow: hidden;line-height: .8rem;font-size: .3rem;color: #000;position: absolute;left: 0;top: 0}
.b5form_cell_info{position: relative;padding-left: 1.4rem;height: .8rem;overflow: hidden;width: 100%}
.b5form_cell_info input{width: 100%;height: .8rem;font-size: .28rem;display: block;border: none;margin: 0;padding: 0 .06rem;border-radius: .06rem;color: #333}
.sign_section .wall_sectionbox{padding: .1rem .1rem}
/**
节目评选页面
 */
.select_cell_list{padding: .1rem 0}
.select_cell{padding: .3rem;width: 100%;height: 100%;display: flex;align-items: center;border-bottom: .02rem solid #eee}
.select_cell_list .select_cell:last-child{border: none}
.select_cell_checkbox{width: .4rem;height: .4rem;background: url("../images/uncheck.png") no-repeat center;background-size: contain}
.hascheck .select_cell_checkbox{background-image: url("../images/hascheck.png")}
.select_cell_info{padding-left: .2rem;flex: 1}
.select_cell_title{font-size: .3rem;color: #333;line-height: .42rem;}
.hascheck .select_cell_title{color: #DB564F}

.select_cell_remark{padding-left: .2rem}
.hascheck .select_cell_remark .wall_section_textarea{color: #D86764}
.select_cell_remark .wall_section_textarea{color: #666}

.select_subbox{padding: 0}
.select_sub{text-align: center;color: #E3F3A1;font-size: .36rem;padding: .2rem 0;font-weight: bold}
.select_sub.disabled{color: #666;font-weight: normal}

/** 摇一摇页面 **/
.shakebox{z-index: 100;width: 100%;height: 100%;overflow: hidden;position: relative}
.shake_bgbox{position: fixed;width: 100%;height: 100%;background: #E74143 url("../images/shakebg.png") no-repeat center;background-size: contain;top: 0;left: 0;z-index: 0}
.shake_bgboxbg{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: -90;background-color: #000;opacity: 0.1}
.shakebox .oplistbox{position: absolute;bottom: 10px ;left: 0;width: 100%}
.shakebox .cat_box{position: relative;padding: .3rem;background: rgba(0,0,0,.2);border-radius: .2rem}
.shakebox .cat_imgbox{width: 40%;position: relative;margin: 0 auto}
.shakebox .cat_img{width: 100%;padding-bottom: 100%;background-repeat: no-repeat;background-position: center;background-size: contain}
.shakebox .cat_info{position: relative}
.shakebox .cat_title{color: #FFF;font-size: .3rem;height: .46rem;line-height: .46rem;overflow: hidden;text-align: center;margin-top: .2rem}
.shakebox .cat_home{background-image: url("../images/home.png")}
.shakebox .cat_rank{background-image: url("../images/rank.png")}
